// 鼠标经过上移阴影动画
// less混入，定义函数
// 示例混入
// .abc{
//   width: 100px;
//   height: 100px;
// }
// .abc2(@width){ // 函数可以传变量
//   width: @width;
//   height: @width;
// }
// .box{ // 即可复用。abc样式
//   .abc() //类选择器混入，（也可以id）类混入会编译，函数混入不会编译
// }
// .box2{
//   .abc2(100px)
// }

.hoverShadow () {
  transition: all .5s;
  &:hover {
    transform: translate3d(0,-3px,0);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
  }
}